<template>
	<view class="PrivacyPolicy por">
		<!-- 		<view class="policy">
			<image class="privacy-img" src="@/static/icons/huanying.png" mode="widthFix"></image>
			<image class="privacy-icon" src="@/static/icons/shu.png" mode="widthFix"></image>
		</view> -->
		<view class="agreement text-align font-weight-600 color0 size-38">协议&规则</view>
		<view class="privacy font-weight-400 size-30">
			<view>您在使用【领火饭票】服务之前，请仔细阅读相关用户协议及隐私政策，当您点击同意，视为您已经理解并同意该条款，自愿接受本协议的所有内容的约束。</view>
			<view class="color">领火饭票小程序隐私政策</view>
		</view>
		<!-- 		<button type="primary" open-type="agreeprivacyauthorization"
			:style="{}"
			@agreeprivacyauthorization="onClose">
			<text class="color-f font-weight-600 size-28">同意</text>
		</button> -->
		<button class="agree dis background" open-type="agreePrivacyAuthorization" @agreeprivacyauthorization="onClose">
			<text class="color-f size-34 font-weight-600">同意</text>
		</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {}
		},
		methods: {
			onClose(e) {
				console.log(e)
				uni.removeStorageSync('privacyContractName'); // 收银台
				this.$emit('close')
			}
		}
	}
</script>

<style lang="scss">
	.PrivacyPolicy {
		width: 640rpx;
		padding: 56rpx 30rpx 30rpx;

		// height: 258rpx;
		// background: linear-gradient(180deg, rgba(255, 88, 88, 0.22) 0%, rgba(255, 80, 80, 0) 83%);

		// .policy {
		// 	padding: 18rpx 94rpx 18rpx 64rpx;
		// 	display: flex;
		// 	justify-content: space-between;

		// 	.privacy-img {
		// 		width: 254rpx;
		// 		height: 120rpx;
		// 		margin-top: 26rpx;
		// 	}

		// 	.privacy-icon {
		// 		width: 144rpx;
		// 		height: 158rpx;
		// 	}
		// }

		.agree {
			width: 100%;
			height: 92rpx;
			border-radius: 24rpx;
			margin: 30rpx auto 0;
		}
		.agreement{
			margin-bottom: 30rpx;
		}
		.privacy {
			width: 574rpx;
			color: #444444;
			margin: 0 auto;
			line-height: 48rpx;
			.font-weight-600 {
				margin-bottom: 30rpx;
			}
			.color{
				margin: 10rpx 0;
			}
		}
	}
</style>